@import 'base.less';
@base-height: 36px;
@icon-size: 14px;
header{
	-webkit-box-shadow: 0px 0px 1px @color-sd;
	box-shadow: 0px 0px 1px @color-sd;
}
#logo{
	position: relative;
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 1px @color-sd;
	box-shadow: 0px 0px 1px @color-sd;

	img{
		height: 30px;
	}
}
.main{
	margin: 10px;

	.banner{
		img{
			width : 100%;
		}
	}

	.box{
		margin-bottom: 10px;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 1px @color-sd;
		box-shadow: 0px 0px 1px @color-sd;

		&.other{
			padding: 0;
		}

		h2{
			position: relative;
			padding: 10px;
			&:after{
				.border-bottom;
			}

			span{
				display: inline-block;
				vertical-align: middle;
			}

			&:before{
				content: '';
				display: inline-block;
				vertical-align: middle;
				margin-right: 10px;
				width: @icon-size;
				height: @icon-size;
				background-image: url(../static/images/icon-m-title.png);
				background-size: 100%;
				background-repeat: no-repeat;
			}
		}
	}

	.link{
		overflow: hidden;
		text-align: center;

		li{
			float: left;
			width: 33.333%;
			padding: 5px 0;
		}

		a{
			display: block;
			height: @base-height;
			line-height: @base-height;
			color: @color-0-54;
		}
	}
}

footer{
	padding: 5px 0;
	line-height: 2;
	font-size: 12px;
	text-align: center;
	color: @color-0-54;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 1px @color-sd;
	box-shadow: 0px 0px 1px @color-sd;
}
@media screen and (max-width:320px) {
	.box{
		font-size: 12px;
	}
}